<template>
  <div class="info">
    <div class="info-top">
      <p class="info-name">dab</p>
    </div>
    <div class="info-middle"></div>
    <div class="info-bottom"></div>
  </div>
</template>

<script lang="ts" setup></script>

<style lang="scss" scoped>
.info-top {
  height: 5rem;
  background: #f5f5f5;
  border-top: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
  .info-name {
    font-size: 1.6rem;
    line-height: 5rem;
    padding-left: 30px;
  }
}
.info-middle {
  height: 35rem;
  border-bottom: 1px solid #e7e7e7;
}
.info-bottom {
  height: 10rem;
  border-bottom: 1px solid #e7e7e7;
}
</style>
